{% extends 'base.html' %}

{% block link %}
    <style>
        label {
            color: white;
            font-weight: bold;
        }

        #captcha-btn {
            color: white;
        }
        body{
            background: url("/static/image/meizi2.jpg") center/cover;
        }

    </style>
{% endblock %}
{% block title %}
    逐梦资源论坛-注册
{% endblock %}

{% block content %}
    <div class="container">
        <div class="row mt-4">
            <div class="col"></div>
            <div class="col">
                <form method="POST" id="myform">
                    <div class="form-group">
                        <label for="exampleInputEmail1">邮箱</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
                               name="email">
                        <p id="error_email" style="color: red"></p>
{#                        <small id="emailHelp" style="color: white">我们不会把邮箱用于其他用户</small>#}
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">验证码</label>

                        <div class="input-group">
                            <input type="text" class="form-control" name="code">
                            <div class="input-group-append">
                                <p>
                                    <button class="btn btn-outline-secondary" type="button" id="captcha-btn">
                                        获取验证码
                                    </button>
                                </p>
                            </div>
                        </div>
                        <p id="error_code" style="color: red"></p>

                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">用户名</label>
                        <input type="text" class="form-control" name="username">
                        <p></p>
                        <p id="error_username" style="color: red"></p>

                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">密码</label>
                        <input type="password" class="form-control" id="exampleInputPassword1" name="password">
                        <p></p>
                        <p id="error_password" style="color: red"></p>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">确认密码</label>
                        <input type="password" class="form-control" name="password_confirm">
                        <p></p>
                        <p id="error_repassword"></p>
                    </div>
                    <button type="submit" class="btn btn-primary btn-block">立即注册</button>
                    <p id="error_reg" style="color: red"></p>
                </form>
            </div>
            <div class="col"></div>
        </div>
    </div>
{% endblock %}



{% block bottom %}
    <script src="../../static/js/auth/get_code.js"></script>
{% endblock %}